<template>
  <d-config-provider>
    <div>
      <d-breadcrumb>
        <d-breadcrumb-item name="主页" path="/" />
        <d-breadcrumb-item name="面包屑" />
      </d-breadcrumb>

      <d-divider />

      <d-breadcrumb :items="items" />

      <d-divider />

      <d-breadcrumb>
        <d-breadcrumb-item>
          <router-link :to="{ path: '/' }">主页</router-link>
        </d-breadcrumb-item>
        <d-breadcrumb-item>面包屑</d-breadcrumb-item>
      </d-breadcrumb>
    </div>
  </d-config-provider>
</template>

<script>
export default {
  data() {
    return {
      items: [{ name: '主页', path: '/' }, { name: '面包屑' }]
    };
  }
};
</script>

<style lang="scss" scoped></style>
